<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="./css/预售抢先订.css">
</head>

<body>
    <div class="header">
        <div class="head1">
            <div class="fl">
                <div class="city">郑州市
                    <div class="zhong"></div>
                    <div class="bai"></div>
                </div>
                <div class="info">
                    <i><a href="../登录注册/index.html">请登录</a></i>
                    <span><a href="../登录注册/index1.html">免费注册</a></span>
                </div>
            </div>
            <div class="spa">
                <div class="fuo"><a href="#">我的订单</a></div>
                <div class="fuo fm"><a href="#">我的浏览</a></div>
                <div class="fuo fm"><a href="#">我的收藏</a></div>
                <div class="fuo fm"><a href="#">客户服务</a></div>
                <div class="fuo fm"><a href="#">网站导航</a>
                    <p></p>
                    <div class="zx"></div>
                    <div class="xia">
                        <div class="mian">
                            <div class="zu">
                                <div class="tes">特色主题</div>
                                <div class="tes"><span>家用电器</span></div>
                                <div class="tes"><span>男装女装</span></div>
                                <div class="tes"><span>鞋靴箱包</span></div>
                            </div>
                            <div class="yu">
                                <div class="youh">促销活动</div>
                                <div class="youh">
                                    <span>拍卖活动</span>
                                    <span>共创商品</span>
                                    <span>积分商城</span>
                                </div>
                                <div class="youh">
                                    <span>CMS频道</span>
                                    <span>优惠活动</span>
                                    <span>超值礼包</span>
                                </div>
                                <div class="youh">
                                    <span>优惠券</span>
                                    <span>礼品卡</span>
                                    <span>预售商品</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>








    <header>
        <div class="header1">
            <div class="logo">
                <img src="./images/shop_logo.gif" alt="">
            </div>
            <div class="inp">
                <div class="inp1">
                    <input type="text" placeholder="周大福">
                    <button>搜商品</button>
                    <button>搜店铺</button>
                </div>
                <ul>
                    <li><a href="#">周大福</a></li>
                    <li><a href="#">内衣</a></li>
                    <li><a href="#">Five Plus</a></li>
                    <li><a href="#">手机</a></li>
                </ul>
            </div>
            <div class="inp2">
                <div>
                    <a href="#">
                        <i></i>
                        <span>我的购物车</span>
                        <em>0</em>
                    </a>
                </div>
                <div class="block">
                    <p></p>
                    <b></b>
                    <span>购物车中还没有商品，赶紧选购吧！</span>
                </div>
            </div>
        </div>
    </header>





















    <nav>
        <div class="nav">
            <div class="left">
                <a href="#">全部商品分类</a>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a href="./预售首页.html">首页</a>
                    </li>
                    <li>
                        <a href="./预售新品发布.html">新品发布</a>
                    </li>
                    <li>
                        <a href="./预售抢先订.html">抢先定</a>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <ul>
                    <li>
                        <i></i>
                        <a href="./预售跳转.html?name='智娱智乐'" class="a">智娱智乐</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="./预售跳转.html?name='手机通讯'" class="a">手机通讯</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="./预售跳转.html?name='电脑数码'" class="a">电脑数码</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="./预售跳转.html?name='家用电器'" class="a">家用电器</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="./预售跳转.html?name='家居家装'" class="a">家居家装</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="./预售跳转.html?name='食品生鲜'" class="a">食品生鲜</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="./预售跳转.html?name='图书音像'" class="a">图书音像</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>









    <div class="have">
        <div>
            <img src="./images/1490223767485574091.png" alt="">
        </div>
    </div>


















    <div class="get">
        <div class="get1">
            <div class="get2">
                <div>分类：</div>
                <div>
                    <a href="#">全部</a>
                </div>
                <ul>
                    <li><a href="./预售跳转.html?name='智娱智乐'">智娱智乐</a></li>
                    <li><a href="./预售跳转.html?name='手机通讯'">手机通讯</a></li>
                    <li><a href="./预售跳转.html?name='电脑数码'">电脑数码</a></li>
                    <li><a href="./预售跳转.html?name='家用电器'">家用电器</a></li>
                    <li><a href="./预售跳转.html?name='家居家装'">家居家装</a></li>
                    <li><a href="./预售跳转.html?name='食品生鲜'">食品生鲜</a></li>
                    <li><a href="./预售跳转.html?name='图书音像'">图书音像</a></li>
                </ul>
            </div>
            <div class="get2">
                <div>排列：</div>
                <div>
                    <a href="#">默认</a>
                </div>
                <ul>
                    <li><a href="#">价格</a></li>
                    <li><a href="#">新品</a></li>
                </ul>
            </div>
            <div class="get2">
                <div>状态：</div>
                <div>
                    <a href="#">全部</a>
                </div>
                <ul>
                    <li><a href="#">即将开始</a></li>
                    <li><a href="#">预约中</a></li>
                    <li><a href="#">已结束</a></li>
                </ul>

            </div>
        </div>
    </div>





















    <div class="border">
        <div class="border1">
            <ul>
                <li>
                    <div>
                        <a href="#">
                            <img src="./images/122_thumb_G_1588212312428.jpg">
                        </a>
                    </div>
                    <div>
                        <span><em>¥</em>49.90</span>
                        <del><em>¥</em>59.00</del>
                    </div>
                    <div>
                        <a href="#" title="一都枇杷新鲜水果特等级">一都枇杷新鲜水果特等级</a>
                    </div>
                    <div>
                        <div>
                            已结束
                        </div>
                        <span>已有<em>1</em>人预约</span>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#">
                            <img src="./images/0_thumb_G_1490211620029.jpg">
                        </a>
                    </div>
                    <div>
                        <span><em>¥</em>128.00</span>
                        <del><em>¥</em>153.60</del>
                    </div>
                    <div>
                        <a href="#"
                            title="马克华菲长袖T恤男士圆领修身韩版刺绣纯棉2017春装新款潮t 7002 立体3D绣花 欧美潮流范 17春装新品">马克华菲长袖T恤男士圆领修身韩版刺绣纯棉2017春装新款潮t
                            7002 立体3D绣花 欧美潮流范 17春装新品</a>
                    </div>
                    <div>
                        <div>
                            已结束
                        </div>
                        <span>已有<em>9</em>人预约</span>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#">
                            <img src="./images/0_thumb_G_1489104694975.jpg">
                        </a>
                    </div>
                    <div>
                        <span><em>¥</em>50.00</span>
                        <del><em>¥</em>60.00</del>
                    </div>
                    <div>
                        <a href="#" title="一叶子晚安睡眠面膜补水保湿深层清洁免洗冻膜专柜正品女化妆品 诺丽果冻膜 补水保湿">一叶子晚安睡眠面膜补水保湿深层清洁免洗冻膜专柜正品女化妆品 诺丽果冻膜
                            补水保湿</a>
                    </div>
                    <div>
                        <div>
                            已结束
                        </div>
                        <span>已有<em>6</em>人预约</span>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#">
                            <img src="./images/0_thumb_G_1489106354411.jpg">
                        </a>
                    </div>
                    <div>
                        <span><em>¥</em>200.00</span>
                        <del><em>¥</em>240.00</del>
                    </div>
                    <div>
                        <a href="#" title="特大号加厚塑料收纳箱整理箱有盖收纳盒衣服被子置物周转储物箱子">特大号加厚塑料收纳箱整理箱有盖收纳盒衣服被子置物周转储物箱子</a>
                    </div>
                    <div>
                        <div>
                            已结束
                        </div>
                        <span>已有<em>6</em>人预约</span>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#">
                            <img src="./images/0_thumb_G_1489106192791.jpg">
                        </a>
                    </div>
                    <div>
                        <span><em>¥</em>200.00</span>
                        <del><em>¥</em>240.00</del>
                    </div>
                    <div>
                        <a href="#" title="歌梵 床头柜 地中海美式乡村蓝色田园床边柜 储物卧室家具 品质保障 用料环保 质保5年--不单卖">歌梵 床头柜 地中海美式乡村蓝色田园床边柜 储物卧室家具 品质保障 用料环保 质保5年--不单卖</a>
                    </div>
                    <div>
                        <div>
                            已结束
                        </div>
                        <span>已有<em>15</em>人预约</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>

























    <footer>
        <div class="foot1">
            <div class="left">
                <div>
                    <i class="f-icon f-icon-qi"></i>
                    <span>七天包换</span>
                </div>
                <div>
                    <i class="f-icon f-icon-zheng"></i>
                    <span>正品保障</span>
                </div>
                <div>
                    <i class="f-icon f-icon-hao"></i>
                    <span>好评如潮</span>
                </div>
                <div>
                    <i class="f-icon f-icon-shan"></i>
                    <span>闪电发货</span>
                </div>
                <div>
                    <i class="f-icon f-icon-quan"></i>
                    <span>权威荣誉</span>
                </div>
            </div>
            <div class="right">
                <div>
                    <i class="f-icon f-icon-tel"></i><span>4001-021-758</span>
                </div>
                <div class="abc">
                    <a>
                        <i></i><span>咨询客服</span>
                    </a>
                </div>
            </div>
        </div>





        <div class="foot2">
            <div class="wrap">
                <div class="wrap1">
                    <div>
                        <h3>新手上路 </h3>
                        <ul>
                            <li><a href="#" title="售后流程">售后流程</a></li>
                            <li><a href="#" title="购物流程">购物流程</a></li>
                            <li><a href="#" title="订购方式">订购方式</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>配送与支付 </h3>
                        <ul>
                            <li><a href="#" title="货到付款区域">货到付款区域</a></li>
                            <li><a href="#" title="配送支付智能查询">配送支付智能查询</a></li>
                            <li><a href="#" title="支付方式说明">支付方式说明</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>服务保证 </h3>
                        <ul>
                            <li><a href="#" title="退换货原则">退换货原则</a></li>
                            <li><a href="#" title="售后服务保证">售后服务保证</a></li>
                            <li><a href="#" title="产品质量保证">产品质量保证</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>联系我们 </h3>
                        <ul>
                            <li><a href="#" title="网站故障报告">网站故障报告</a></li>
                            <li><a href="#" title="选机咨询 ">选机咨询</a>
                            </li>
                            <li><a href="#" title="投诉与建议 ">投诉与建议</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>会员中心</h3>
                        <ul>
                            <li><a href="#" title="资金管理">资金管理</a></li>
                            <li><a href="#" title="我的收藏">我的收藏</a></li>
                            <li><a href="#" title="我的订单">我的订单</a></li>
                        </ul>
                    </div>
                </div>
                <div class="wrap2">
                    <div>
                        <div>
                            <img src="./images/ecjia_qrcode.jpg" alt="">
                        </div>
                        <div>关注微信</div>
                    </div>
                    <div>
                        <div>
                            <img src="./images/ectouch_qrcode.jpg" alt="">
                        </div>
                        <div>下载APP</div>
                    </div>
                </div>
            </div>
        </div>




        <div class="foot3">
            <div class="but">
                <p>
                    <a href="../首页/index.html">首页</a>
                    <span class="spacer"></span>
                    <a href="#">隐私保护</a>
                    <span class="spacer"></span>
                    <a href="#">联系我们</a>
                    <span class="spacer"></span>
                    <a href="#">免责条款</a>
                    <span class="spacer"></span>
                    <a href="#">公司简介</a>
                    <span class="spacer"></span>
                    <a href="#">商家入驻</a>
                    <span class="spacer"></span>
                    <a href="#">供应商入驻</a>
                    <span class="spacer"></span>
                    <a href="#">意见反馈</a>
                </p>


                <p>
                    <a href="#" title="b2b2c">b2b2c</a>
                    <span class="spacer"></span>
                    <a href="#" title="多用户商城系统">多用户商城系统</a>
                    <span class="spacer"></span>
                    <a href="#" title="商城系统">商城系统</a>
                    <span class="spacer"></span>
                    <a href="#" title="ecjia新零售">ecjia新零售</a>
                </p>


                <p>
                    <span>ICP备案证书号:</span><a href="#">沪ICP备14029880号-5</a>
                </p>

                <p><a href="#">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
            </div>
        </div>

    </footer>






    <div class="pb">
        <div>
            <div class="pb-hd">
                <i>✕</i>
                <span>您尚未登录！</span>
            </div>

            <div class="pb-bd">

                <div>
                    <div>
                        <h3>用第三方账号直接登录</h3><span></span>
                    </div>
                    <div class="qq">
                        <i></i>
                    </div>
                </div>

                <div>
                    <div>
                        <h3>账号登录</h3><span></span>
                    </div>
                    <div class="form">
                        <div class="item">
                            <i></i>
                            <input type="text" placeholder="用户名/邮箱/手机">
                        </div>
                        <div class="item">
                            <i></i>
                            <input type="password" placeholder="密码">
                        </div>
                        <div class="item">
                            <i></i>
                            <input type="text" placeholder="验证码">
                            <img src="./images/验证码2.png" alt="">
                        </div>
                        <div class="botton">
                            <label>请保存我这次的登录信息。</label>
                        </div>
                        <button>登 录</button>
                        <div class="lie">
                            <a href="#">忘记密码？</a>
                            <a href="../登录注册/index1.html">免费注册</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="./js/预售抢先订.js"></script>
    <script src="./js/预售跳转.js"></script>
</body>

</html>